<template>
	<view>
		<view class="container">
			<uni-nav-bar left-icon="back" left-text="返回" title="我的钱包" @clickLeft="goBack" color="white"
				backgroundColor="rgb(55, 138, 241)"></uni-nav-bar>
		</view>
		<view class="myWallt">
			<view class="myMoney">
				<text class="money">余额：￥0.00</text>
			</view>
			<hr>
			<view class="myCoin">
				<text class="money">金币：{{money}}</text>
				<button class="btn">去充值</button>
			</view>
		</view>
		<view class="borrowMoney">
			<view class="borrowTxt">
				<b style="font-size: 25px;
					padding: 3px 3px;
					margin-left: 20px;"
				>借钱</b>
				<i 	style="font-style: normal;
					font-weight: lighter;
					color: #8c8b8b;
					margin-left: 10px;"
				>极速到账，超高额度</i>
			</view>
			<view class="borrow">
				<view class="mostlend-1">最高可借（元）</view>
				<view class="mostlend-2">
					<i>200,000.00</i>
					<button class="cashBtn">去提现</button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
        money: 0
			}
		},
		methods: {
      onLoad() {
        let that = this;
        this.$axios.get('/user/getMoney',{
          headers: {
            token: localStorage.getItem('token')
          }
        }).then(res => {
          that.money = res.data.data.money
        })
      },
			goBack() {
				uni.navigateBack();
			}
		}
	}
</script>

<style>
	/*我的钱包*/
	.myWallt{
		border-radius: 10px;
		width: 80%;
		background-color: #56a3f0;
		box-shadow: 0 1px 5px 0 #f1f1f1;
		margin: 5% auto;
	}
	.myMoney{
		padding: 20px;
		font-size: 25px;
		color: #fff;
	}
	.myCoin{
		padding: 20px;
		font-size: 25px;
		color: #fff;
	}
	.btn{
		    background-color: #fff;
		    color: #56a3f0;
		    border-radius: 20px;
		    width: 35%;
		    font-size: 15px;
		    border: none;
		    font-weight: bolder;
		    margin: 0 auto;
		    margin-left: 100px;
		    padding: 3px 3px;
	}
	/*借钱*/
	.borrowMoney{
		border-radius: 10px;
		    width: 80%;
		    background-color: #fff;
		    box-shadow: 0 1px 5px 0 #f1f1f1;
		    margin: 5% auto;
		    padding: 10px;
	}
	.borrowTxt{
		    border-radius: 10px;
		    width: 80%;
		    background-color: #fff;
		    box-shadow: 0 1px 5px 0 #f1f1f1;
		    margin: 2% auto;
		    padding: 10px;
	}
	.borrow{
		border-radius: 10px;
		    width: 90%;
		    background-color: #aacff3;
		    box-shadow: 0 1px 5px 0 #f1f1f1;
		    margin: 5% auto;
		    padding: 5px;
	}
	 .mostlend-1{
	    font-weight:lighter;
	    color: #8c8b8b;
	    font-size: 15px;
	    margin-left: 20px;
	    padding: 6px 6px;
	  }
	  .mostlend-2 i{
	    font-weight: bolder;
	    color: black;
	    font-size: 20px;
	    margin-left: 20px;
	    padding: 6px 6px;
	  }
	  .cashBtn{
		  background-color:#56a3f0;
		      color:#fff;
		      border-radius: 20px;
		      width: 30%;
		      font-size: 14px;
		      border: none;
		      font-weight: bolder;
		      margin: 0 auto;
		      margin-left: 100px;
		      padding: 3px 3px
	  }
</style>
